	<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<meta name="description" content="Nodejh&#39;s Blog">
		<meta name="generator" content="Hugo 0.31.1" />
		<title>node</title>
		<link rel="shortcut icon" href="http://nodejh.com/images/favicon.ico">
		<link rel="stylesheet" href="http://nodejh.com/css/style.css">
		<link rel="stylesheet" href="http://nodejh.com/css/highlight.css">
		

		
		<link rel="stylesheet" href="http://nodejh.com/css/font-awesome.min.css">
		

		
		<link href="http://nodejh.com/index.xml" rel="alternate" type="application/rss+xml" title="node" />
		
	</head>

	<body>
    <nav class="main-nav">
	
	
	<a href='http://nodejh.com/post'>Archive</a>
	<a href='http://nodejh.com/tags'>Tags</a>
	<a href='http://nodejh.com/projects'>Projects</a>
	<a href='http://nodejh.com/about'>About</a>

	

	
	<a class="cta" href="http://nodejh.com/index.xml">Subscribe</a>
	
</nav>


    <div class="profile">
    <section id="wrapper">
        <header id="header">
            <a href='http://nodejh.com/about'>
                <img id="avatar" class="2x" src="http://nodejh.com/images/avatar.png"/>
            </a>
            <h1></h1>
            <h2>Full Stack Developer</h2>
        </header>
    </section>
</div>


    <section id="wrapper" class="home">
        <ul id="post-list">
    
    
        
            <li>
                <aside class="dates">Dec 9</aside>
                <a href='http://nodejh.com/posts/wechat-scan-qr-code-to-login/'>
                    基于公众号的微信扫码登陆实现
                    
                        
                            <h2>注：文中阐述的方案是一个可以解决问题但不是最优的方案。改进之处在文末。 微信扫码登陆的主要目的有两个，一是方便用户，扫码即可登陆，不需再记忆帐</h2>
                        
                    
                </a>
            </li>
        
    
    
        
            <li>
                <aside class="dates">Jul 28</aside>
                <a href='http://nodejh.com/posts/how-to-vertically-middle-align-floated-elements-with-flexbox/'>
                    使用 Flexbox 使浮动元素垂直居中
                    
                        
                            <h2>垂直居中一直是一个很麻烦的问题，但基于 FlexBox 的垂直居中就非常简单了。

</h2>
                        
                    
                </a>
            </li>
        
    
    
        
            <li>
                <aside class="dates">Jul 28</aside>
                <a href='http://nodejh.com/posts/css-responsive-navigation-menu/'>
                    纯 CSS 实现响应式导航菜单
                    
                        
                            <h2>本文介绍如何使不使用 JavaScript 只使用 CSS 实现一个响应式导航菜单。菜单可以左对齐、右对齐或者居中。当用户鼠标移动到菜单上时，菜单就自动显示或隐藏，这样对</h2>
                        
                    
                </a>
            </li>
        
    
    
        
            <li>
                <aside class="dates">Jul 17</aside>
                <a href='http://nodejh.com/posts/vue2-tutorials-02-todolist/'>
                    实现一个TodoList - Vue2 Tutorials (二)
                    
                        
                            <h2>在了解了 Vue 的一些基本概念之后，就可以写一个最简单的小项目了 &amp;mdash; TodoList。麻雀虽小，五张俱全。虽然是一个小 demo，但也涉及到了组件化、</h2>
                        
                    
                </a>
            </li>
        
    
    
        
            <li>
                <aside class="dates">Jul 6</aside>
                <a href='http://nodejh.com/posts/electron-quick-start/'>
                    Electron 快速入门
                    
                        
                            <h2>简介 Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建跨平台原生桌面应用的框架。借助 Electron，我们可以使用纯 JavaScript 来调用丰</h2>
                        
                    
                </a>
            </li>
        
    
    
        
            <li>
                <aside class="dates">Jul 6</aside>
                <a href='http://nodejh.com/posts/vue2-tutorials-01-quick-start/'>
                    快速入门 - Vue2 Tutorials (一)
                    
                        
                            <h2>Vue 的官方文档 对 Vue 介绍非常详细，但官方文档使用在 HTML 中引入 vue 的方式进行讲解，而实际项目中一般使用脚手架如 vue-cli 初始化项目。以至于刚看完文档时，却依旧</h2>
                        
                    
                </a>
            </li>
        
    
    
        
            <li>
                <aside class="dates">Jul 5</aside>
                <a href='http://nodejh.com/posts/project-documentation-with-hexo-static-site-generator/'>
                    使用 Hexo 创建项目文档网站
                    
                        
                            <h2>当我们发布一个开源项目的时候，最重要的事情之一就是要创建项目文档。对使用项目的用户来说，文档是非常有必要的，通常我们可以使用下面这些方式来创</h2>
                        
                    
                </a>
            </li>
        
    
    
        
            <li>
                <aside class="dates">Mar 30</aside>
                <a href='http://nodejh.com/posts/handy-mysql-commands/'>
                    常用 MySQL 命令
                    
                        
                            <h2>
</h2>
                        
                    
                </a>
            </li>
        
    
    
        
            <li>
                <aside class="dates">Mar 26</aside>
                <a href='http://nodejh.com/posts/understand-the-oracle-startup-process/'>
                    深入理解 Oracle 启动原理
                    
                        
                            <h2>一. 常用启动步骤 对于普通用户，如果需要使用 Oracle 数据库，需要两个启动步骤：启动数据库和启动监听器。

</h2>
                        
                    
                </a>
            </li>
        
    
    
        
            <li>
                <aside class="dates">Mar 19</aside>
                <a href='http://nodejh.com/posts/setting-environmental-variables-in-macos/'>
                    macOS/Linux 环境变量设置
                    
                        
                            <h2>我们安装一个软件后，之所以能够使用一些与该软件相关的命令，是因为该命令被添加到了系统的环境变量里面。

</h2>
                        
                    
                </a>
            </li>
        
    
</ul>

        <nav id="post-nav">
    
        
        
        <span class="next">
            <a href="/page/2/">
                Older Posts <span class="arrow">→</span>
            </a>
        </span>
        
    
</nav>
        <footer id="footer">
    
        <div id="social">

	
	
    <a class="symbol" href="https://www.facebook.com/nodejh">
        <i class="fa fa-facebook-square"></i>
    </a>
    
    <a class="symbol" href="https://www.github.com/nodejh">
        <i class="fa fa-github-square"></i>
    </a>
    
    <a class="symbol" href="https://www.twitter.com/nodejh">
        <i class="fa fa-twitter-square"></i>
    </a>
    


</div>

    
    <p class="small">
    
       © Copyright 2018 <i class="fa fa-heart" aria-hidden="true"></i> 
    
    </p>
    <p class="small">
        Powered by <a href="http://www.gohugo.io/">Hugo</a> Theme By <a href="https://github.com/nodejh/hugo-theme-cactus-plus">nodejh</a>
    </p>
</footer>

    </section>

    <script src="http://nodejh.com/js/jquery-2.2.4.min.js"></script>
<script src="http://nodejh.com/js/main.js"></script>
<script src="http://nodejh.com/js/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>




  
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-84989670-1', 'auto');
ga('send', 'pageview');
</script>





    </body>
</html>
